<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../common/css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.order.css" />
		<link rel="stylesheet" type="text/css" href="../common/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" />
		<link rel="stylesheet" type="text/css" href="../common/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.order.css" />
		<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js"></script>
		<script src="../common/js/vue.js"></script>
	</head>

	<body>
		<div class="TopDiv">
			<div class="TopDiv-1" v-on:click="back">
				&lt;
			</div>
			<div class="TopDiv-2">
				订单
			</div>
		</div>
		<div class="mainDiv1" style="margin-top: 4.58rem;" v-if="sing==false">
			<div class="mainDivorder1">
				登录后查看外卖订单
			</div>
			<div class="mainDivorder2" v-on:click="singIn()">
				立即登录
			</div>
		</div>
		
		<div class="mainDiv" style="margin-top: 4.58rem;" v-if="sing==true">
			<div class="indexorder1" >
				<div class="indexorder01"  v-for="it in shop">
					<div class="indexorder02">
								<img v-bind:src="it.shopimg" />
					</div>
					<div class="indexorder03">
						<div class="indexorder04" v-html="it.shopname">
						</div>
						<div class="indexorder05" v-for="item in it.arr">
							<div class="div1">
								<span v-html="item.name"></span>
							</div>
							<div class="div2">
								数量<span v-html="item.num"></span>
							</div>
							<div class="div2">
								单价￥<span v-html="item.price"></span>
							</div>
						</div>
						<div class="indexorder06">
							配送费￥<span v-html="it.sendprice"></span>
						</div>
						<div class="indexorder06" >
							总价￥<span v-html="it.totle"></span>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="footDiv">
			<div class="divFoot">
				<a href="../index.html">
					<p class="p1"><span class="glyphicon glyphicon-phone-alt"></span></p>
					<p class="p2">外卖</p>
				</a>
			</div>
			<div class="divFoot">
				<a href="../index.find/index.find.html">
					<p class="p1"><span class="glyphicon glyphicon-eye-open"></span></p>
					<p class="p2">发现</p>
				</a>
			</div>
			<div class="divFoot">
				<a href="index.order.html">
					<p class="p1"><span class="glyphicon glyphicon-list-alt"></span></p>
					<p class="p2">订单</p>
				</a>
			</div>
			<div class="divFoot">
				<a href="../index.my/index.my.html">
					<p class="p1"><span class="glyphicon glyphicon-user"></span></p>
					<p class="p2">我的</p>
				</a>
			</div>
		</div>
		<script src="../common/js/jquery-1.11.0.min.js"></script>
		<script src="../common/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="js/index.order.js"></script>
	</body>

</html>